<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>张如鑫的网站</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<style>
	body {
		width: 100%;
		background-image: url(imgs/R-C.jpg);
	}
	li{
		list-style: none;
	}
	a {
		text-decoration: none;
		
	}

	.content {
		width: 80%;
		height: 150px;
		margin: auto;
		/* background-color: #feff94; */
	}

	.introduce>img {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		float: right;
		margin-right: 20px;

	}

	.introduce {
		width: 150px;
		height: 60px;
		padding-top: 20px;
		font-size: 20px;
		line-height: 60px;
		float: right;
		overflow: hidden;
	}

	.zrx {
		width: 60px;
		height: 60px;
		line-height: 60px;
		float: left;
		margin-left: 10px;
	}

	.zuoyezhanshi {
		width: 80%;
		height: 150px;
		margin: auto;
	}
	.zuoye-list{
		display: flex;
		flex-wrap: wrap;
		/* justify-content: space-between; */
	}

	.zuoye-list>li>a {
		display: block;
		width: 200px;
		height: 200px;
		border-radius: 50%;
		background-color: #fdf6b1;
		line-height: 200px;
		text-align: center;
		font-size: 18px;
		margin: 10px;
		color: #484848;
	}
	.zuoye-list>li>a:hover{
		background-color: rgb(217, 237, 255);
		color: rgb(35, 35, 35);
	}
</style>

<body>
	<div class="content">
		<div class="introduce">
			<div class="zrx">
				张如鑫
			</div>
			<img src="imgs/IMG_20230308_111821.jpg">
		</div>
	</div>
	<div class="zuoyezhanshi">
		<ul class="zuoye-list">
			<li><a href="http://xinzi12.gitee.io/xinzi-web/VUE/1/HongYan.html">红岩网站头部</a></li>
			<li><a href="http://xinzi12.gitee.io/xinzi-web/VUE/1/xiaomi.html">小米官网手机列表页面</a></li>
			<li><a href="http://xinzi12.gitee.io/xinzi-web/VUE/1/xiaomiBuy.html">小米购物车页面</a></li>
			<li><a href="http://xinzi12.gitee.io/xinzi-web/VUE/1/xiaomidenglu.html">小米登陆页面</a></li>
			<li><a href="http://xinzi12.gitee.io/xinzi-web/VUE/1/mitt.html">mitt通信</a></li>
			<li><a href="http://xinzi12.gitee.io/xinzi-web/VUE/todoList/todolist.html">任务清单</a></li>
			<li><a href="http://xinzi12.gitee.io/xinzi-web/VUE/1/dengludonghua.html">登录窗口动画</a></li>
			<li><a href="http://xinzi12.gitee.io/xinzi-web/Tianqi/dist/index.html">天气预报</a></li>
			<li><a href="http://xinzi12.gitee.io/xinzi-web/Website/dist/index.html">vue小说网站</a></li>
			<li><a href=""></a></li>
		</ul>
	</div>

</body>

</html>